<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Template</title>
    <!-- 导入 ElementUI 样式 -->
    <link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css" />
    
    <!-- 导入 Vue 3 -->
    <script src="//unpkg.com/vue@next"></script>
    <!-- axios -->
     <!--<script src="https://unpkg.com/axios/dist/axios.min.js"></script> -->
    <!-- 导入 ElementUI 组件库 -->
    <script src="//unpkg.com/element-plus"></script>
    <!-- elementplus图标库 -->
    <script src="//unpkg.com/@element-plus/icons-vue"></script>
</head>
<body>

    <div id="app">
        <el-icon><chat-line-round /></el-icon>
        {{ message }}
        <el-button type="primary">Primary</el-button>
    </div>

    <script>
        const app = Vue.createApp({
            data() {
                return {
                    message: "Hello Vue!"
                }
            },
            methods: {
                
            },
            mounted() {
                
            },
        })
        
        // 全局注册图标
        for ([name, comp] of Object.entries(ElementPlusIconsVue)) {
            app.component(name, comp);
        }

        app.use(ElementPlus); // 使用 ElementPlus
        
        app.mount("#app")
    </script>

    <!-- 
        axios.get('/user', {
            params: {
            	ID: 12345
            }
        })
        .then(function (response) {
            console.log(response);
        })
        .catch(function (error) {
            console.log(error);
        });
     -->
</body>
</html>